$(function() {
    // var token = 
    // 调用获取用户的基本信息的函数
    getUserInfo()
    var layer = layui.layer
        // 点击退出按钮，实现退出登录跳转到登录页面
    $("#btnLogou").click(function() {
        // 提示用户是否确认退出
        layer.confirm('确定退出登录？', { icon: 3, title: '提示' }, function(index) {
            // 1. 删除本地存储中的token
            localStorage.removeItem("token")
                // 2.跳转到登录界面
            location.href = '/login.html'
                // 3.关闭询问框
            layer.close(index);

        });
    })


})

function getUserInfo() {
    $.ajax({
        method: 'GET',
        url: '/my/userinfo',
        // 请求头放到了baseAPI的js中进行统一的配置
        success: function(res) {
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            // 调用renderAvatar函数，渲染头像
            renderAvatar(res.data)
        },
        // 把不管是否请求成功都会调用的函数 complete放到了baseAPI的js中去，进行全局的配置

    })

}
// 定义渲染头像的函数
function renderAvatar(data) {
    // 存在昵称就优先显示昵称，如果没有内容就显示用户名
    var name = data.nickname || data.username
    $(".welcome").html('欢迎' + name)

    var pic = data.user_pic;
    if (pic !== null) {
        $(".layui-nav-img").attr('src', pic).show()
        $(".text-avater").hide()
    } else {
        $(".layui-nav-img").hide()
            // 不管是中文英文，都取第一个字符，并转换为大写  toUpperCase()对中文无效，也不会有影响
        var first = name[0].toUpperCase()
            // 把第一个字符作为文字头像
        $(".text-avater").html(first).show()
    }
}